<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <title>Sample 00 - マウスクリック or タッチした位置に移動させてみよう!!</title>
        <style>
            * {
                margin: 0px;
                padding: 0px;
            }
        </style>
        <script charset="UTF-8" src="enchant.js"></script>
        <script charset="UTF-8" src="dummysprite.enchant.js"></script>
        <script charset="UTF-8">
            // 使いやすくするおまじない
            enchant();
            // 初期化時処理
            window.onload = function() {
                var game = new Game(320, 320);
                
                game.onload = function() {
                    this.rootScene.backgroundColor = "black";
                    // ダミースプライト生成
                    var dummySprite = new DummySprite(20, 20, "red");
                    dummySprite.moveTo(160-10, 160-10);
                    this.rootScene.addChild(dummySprite);
                    
                    // タッチした位置に移動
                    var onTouch = function(e) {
                        // ダミースプライトをタッチしている位置に移動させる
                        dummySprite.x = e.localX;
                        dummySprite.y = e.localY;
                    };
                    // タッチイベントを登録
                    this.rootScene.addEventListener("touchstart", onTouch);
                    this.rootScene.addEventListener("touchmove", onTouch);
                    this.rootScene.addEventListener("touchend", onTouch);
                };
                game.start();
            };
        </script>
    </head>
    <body>
        <h1>Sample 00 - マウスクリック or タッチした位置に移動させてみよう!!</h1>
    </body>
</html>